/* nau_master.css */ /* @override https://cmsassets.nau.edu/dev/css/nau_master.css */ /* @group Reset */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Added link default styles */ a { color: inherit; text-decoration: none; font-size: inherit; } a:active { color: inherit; text-decoration: none; font-size: inherit; } a:visited { color: inherit; text-decoration: none; font-size: inherit; } a:link { color: inherit; text-decoration: none; font-size: inherit; } /* @end */ /* @group Layout */ body { color: #3E3E3E; margin: 0; padding: 0; position: relative; background: #fdfaf5; vertical-align: top; min-width: 1010px; } div#container { width: 994px; padding: 0px 3px 0px 10px; margin-left: auto; margin-right: auto; background: url(../css/images/bar.png) repeat-y 1px 0; z-index: 10; overflow: visible; } /* @end */ /* @group Fonts */ body { font-family: 'Lucida Sans', sans-serif; font-size: 12px; } h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; } /* @end */ /* @group NAU Header */ header#nauHeader { width: 994px; height: 88px; display: block; position: relative; float: left; margin: auto; overflow: visible; z-index: 100; } header#nauHeader h1 { display: none; } header#nauHeader > a { height: 230px; width: 150px; display: block; margin: 40px 0 0 40px; color: #fff; } header#nauHeader img { position: absolute; top: 25px; left: 55px; z-index: 10; cursor: pointer; } header#nauHeader img.print { display: none; } /* @end */ /* @group Global Nav */ header#nauHeader nav#nauNav { position: absolute; top: 0px; right: 0px; z-index: 500; } header#nauHeader nav#nauNav > ul > li { float: left; margin-left: 25px; background: url(../css/images/greyArrowDown.png) right bottom no-repeat; padding: 18px 12px 0 12px; cursor: pointer; height: 12px; position: relative; font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; color: #8c8c8c; z-index: 200; } header#nauHeader nav#nauNav > ul > li:first-child { background: none; } header#nauHeader nav#nauNav > ul > li.quickLinks { background: url(../css/images/sageArrowDown.png) right bottom no-repeat; } header#nauHeader nav#nauNav > ul > li a { color: #8c8c8c; } header#nauHeader nav#nauNav > ul > li a:hover { opacity: 0.7; filter: alpha(opacity=70); } header#nauHeader nav#nauNav > ul > li.quickLinks a { color: #618F80; } nav#nauNav ul.dropdown, nav#nauNav ul.dropdownRight { width: 100%; height: 80px; position: absolute; bottom: -20px; left: 0; z-index: -10; background: rgb(97,142,128); background: rgba(97,142,128,0.98); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(130,168,156,0.98)), color-stop(1, rgba(97,142,128,0.98)) ) !important; background-image: -moz-linear-gradient( center top, rgb(130,168,156) 0%, rgb(97,142,128) 100% ) !important; display: none; } nav#nauNav ul.dropdown li, nav#nauNav ul.dropdownRight li { font-family: Georgia, "Times New Roman", Serif; color: #fff; background: rgb(97,142,128); background: rgba(97,142,128,0.98); padding: 0px 0px 0px 15px; height: auto; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; font-size: 14px; width: 260px; margin: 0; } nav#nauNav ul.dropdownRight li { position: relative; right: 171px; } nav#nauNav li.quickLinks ul.dropdownRight > li { position: relative; right: 168px; } nav#nauNav ul.dropdown li a, nav#nauNav ul.dropdownRight li a { background: url(../css/images/whiteBlockArrow.png) no-repeat 8px 10px; width: 215px; padding: 12px 0 8px 30px; display: block; color: #fff !important; } html.multiplebgs nav#nauNav ul.dropdown li a, nav#nauNav ul.dropdownRight li a { background: url(../css/images/whiteBlockArrow.png) no-repeat 8px 10px, url(../css/images/greenBorder.png) repeat-x top; } nav#nauNav ul.dropdown li a:hover, nav#nauNav ul.dropdownRight li a:hover { color: #ddd !important; opacity: 1 !important; } nav#nauNav ul.dropdown li:first-child, nav#nauNav ul.dropdownRight li:first-child { margin-top: 80px; padding-top: 30px; } nav#nauNav ul.dropdown li:last-child, nav#nauNav ul.dropdownRight li:last-child { padding-bottom: 15px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } nav#nauNav ul.dropdown ul, nav#nauNav ul.dropdownRight ul { margin: 0; padding: 0; } nav#nauNav ul.dropdown ul li, nav#nauNav ul.dropdownRight ul li { background: none; font-family: 'Lucida Sans', sans-serif; text-transform: none; font-weight: bold; font-size: 12px; padding: 0 0 0 30px; margin: 0 0 10px 0; letter-spacing: 0; } nav#nauNav ul.dropdown ul li a, nav#nauNav ul.dropdownRight ul li a { background: none !important; padding: 0; } nav#nauNav ul.dropdown ul li:first-child, nav#nauNav ul.dropdownRight ul li:first-child { padding: 0 0 0 30px; margin: 0 0 10px 0; } nav#nauNav ul.dropdown ul li:last-child, nav#nauNav ul.dropdownRight ul li:last-child { padding-bottom: 10px; margin-bottom: 0px !important; } nav#nauNav ul#deptIndex { padding: 0 20px 10px 30px !important; } nav#nauNav ul#deptIndex li { display: inline-block; width: 12px !important; margin: 0 !important; padding: 0 !important; position: static; } nav#nauNav ul#deptIndex li a { width: 12px; text-align: center; } /* @end */ /* @group Search */ header#nauHeader #nauSearch { position: absolute; bottom: 0px; right: 0; height: 35px; color: #fff; width: 994px; z-index: 5; text-align: right; padding-top: 3px; } header#nauHeader #nauSearch * { display: inline-block; } header#nauHeader #nauSearch h2 { font-family: Georgia, "Times New Roman", Serif; font-size: 13px; font-weight: normal; letter-spacing: 1px; margin-right: 2px; text-transform: uppercase; } header#nauHeader #nauSearch #searchOptions { display: inline-block; height: 15px; padding-top: 7px; margin-right: 195px; } header#nauHeader #nauSearch #searchOptions * { float: right; } header#nauHeader #nauSearch #searchOptions label { padding: 5px 8px 4px 0px; font-weight: bold; font-family: 'Lucida Sans', sans-serif; font-size: 11px; text-transform: uppercase; } header#nauHeader #nauSearch input#nauSearchInput, header#nauHeader #nauSearch input.nauSearchInput { -moz-appearance:none; -webkit-appearance:none; height: 22px; border: none; width: 160px; padding: 0 0 0 5px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; position: absolute; bottom: 8px; right: 31px; } header#nauHeader #nauSearch input#nauSubmit, header#nauHeader #nauSearch input.nauSubmit { -moz-appearance:none; -webkit-appearance:none; width: 30px; height: 22px; border: none; border-bottom-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topright: 3px; position: absolute; bottom: 8px; right: 0; background: #619081; background: url(../css/images/search.png) no-repeat center center #619081; cursor: pointer; } /* @end */ /* @group Section Header */ section#content header { width: 232px; float: left; overflow: visible; position: relative; } section#content header h1, section#content header hgroup h2 { text-align: left; color: #fff; height: 55px; font-size: 24px; position: absolute; width: 720px; top: -42px; right: -758px; padding: 45px 0px 5px 10px; text-transform: uppercase; line-height: 26px; overflow: hidden; } section#content header hgroup h1 { height: 22px; top: -39px; } section#content header hgroup h2 { height: 22px; top: -14px; font-size: 20px; height: 22px; } /* @end */ /* @group Blue Bar */ section#content header div#blueBar { min-height: 350px; width: 232px; padding-top: 175px; color: #fff; } section#content header div#blueBar a#nau-campaign-logo { padding:0px; margin:0px; } a#nau-campaign-logo img { width:155px; padding-left:38px; padding-top:10px; } /* @group Vcard */ section#content header div#blueBar div.vcard { width: 182px; padding: 25px 25px 0 25px; background: url(../css/images/blueBorder.png) repeat-x top; color: #fff; font-family: Arial, sans-serif; } section#content header div#blueBar div.vcard .organization-name { display: none; } section#content header div#blueBar div.vcard .fn { font-size: 18px; line-height: 20px; letter-spacing: 0; margin-bottom: 12px; } section#content header div#blueBar div.vcard span.tel { display: block; margin-top: 4px; font-size: 13px; } section#content header div#blueBar div.vcard span.type { display: inline; } section#content header div#blueBar div.vcard a { display: block; margin: 5px 0 0px 0; overflow: hidden; word-break: break-all; font-size: 12px; line-height: 15px; text-decoration: underline; color: #fff; } section#content header div#blueBar div.vcard a:hover { color: #ccc; } section#content header div#blueBar > a { margin: 12px 25px 27px 25px; display: block; width: 182px; color: #fff; font-weight: bold; text-decoration: underline; text-align: left; } section#content header div#blueBar > a:hover { color: #ccc; } /* @end */ /* @group Navigation */ section#content header div#blueBar nav { padding-top: 17px; background: url(../css/images/blueBorder.png) repeat-x top; } section#content header div#blueBar nav > ul > li { display: block; margin: 8px 0; font-size: 12px; text-transform: uppercase; font-weight: bold; padding-left: 35px; background: url(../css/images/whiteArrow.png) no-repeat 25px 4px; width: 170px !important; } section#content header div#blueBar nav > ul > li:last-child { margin-bottom: 25px; } section#content header div#blueBar nav > ul > li.open:last-child { margin-bottom: -1px; } section#content header div#blueBar nav > ul > li > a { color: #fff; line-height: 16px; } section#content header div#blueBar nav > ul > li > a:hover { color: #CDCDCD; } section#content header div#blueBar nav > ul > li.active { background: url(../css/images/yellowArrow.png) no-repeat 25px 3px; } section#content header div#blueBar nav > ul > li.active > a { color: #E4CD51; } section#content header div#blueBar nav > ul > li.active > a:hover { color: #E4CD51 !important; } section#content header div#blueBar nav > ul > li.open { width: 232px !important; padding: 12px 0 12px 0; border-bottom: #0A1522 1px solid; border-top: #0A1522 1px solid; margin: 12px 0; } section#content header div#blueBar nav > ul > li.open { width: 232px !important; padding: 12px 0 12px 0; border-bottom: #0A1522 1px solid; border-top: #0A1522 1px solid; } section#content header div#blueBar nav > ul > li.open > a { color: #E4CD51; padding-left: 37px; background: url(../css/images/yellowArrowDown.png) no-repeat 25px 4px; display: block; } section#content header div#blueBar nav > ul > li.open > a:hover { color: #B7A144; } html.rgba section#content header div#blueBar nav > ul > li.open { background: rgba(0,0,0,0.3); } html.no-rgba section#content header div#blueBar nav > ul > li.open { background: url(../css/images/navOpenBack.png) repeat; } section#content header div#blueBar nav > ul > li.open > ul { margin-left: 42px; font-size: 13px; text-transform: none; font-weight: normal; margin-top: 5px; } section#content header div#blueBar nav > ul > li.open > ul > li { padding: 4px 0; width: 165px; } section#content header div#blueBar nav > ul > li.open > ul > li > a { color: #fff; } section#content header div#blueBar nav > ul > li.open > ul > li > a:hover { color: #CDCDCD; } section#content header div#blueBar nav > ul > li.open > ul > li.active > a { color: #E4CD51; } section#content header div#blueBar nav > ul > li.open > ul > li.active > a:hover { color: #E4CD51 !important; } section#content header div#blueBar nav > ul > li.open > ul > li.open > a { color: #E4CD51; } section#content header div#blueBar nav > ul > li.open > ul > li.open > a:hover { color: #B7A144; } section#content header div#blueBar nav > ul > li.open > ul > li.open > ul { margin-left: 15px; font-size: 11px; margin-top: 5px; } section#content header div#blueBar nav > ul > li.open > ul > li.open > ul > li { padding: 2px 0; } section#content header div#blueBar nav > ul > li.open > ul > li.open > ul > li a { color: #fff; } section#content header div#blueBar nav > ul > li.open > ul > li.open > ul > li a:hover { color: #CDCDCD; } section#content header div#blueBar nav > ul > li.open > ul > li.open > ul > li.active a { color: #E4CD51; } section#content header div#blueBar nav > ul > li.open > ul > li.open > ul > li.open a { color: #E4CD51; } section#content header div#blueBar nav > ul > li.open > ul > li.open > ul > li.open a:hover { color: #B7A144; } /* @end */ /* @group Next Steps */ section#content header div#blueBar nav#next { padding: 25px 0px 25px 20px; background: url(../css/images/blueBorder.png) repeat-x top; } section#content header div#blueBar nav#next h2 { font-family: Georgia, "Times New Roman", Serif; font-size: 20px; font-weight: bold !important; letter-spacing: 1px; font-weight: normal; margin-bottom: 15px; color: #FFF; text-transform: none; } section#content header div#blueBar nav#next ul { font-weight: bold; font-family: 'Lucida Sans', sans-serif; line-height: 14px; margin-left: 0; } section#content header div#blueBar nav#next ul li { margin: 0 0 4px 0; padding: 0; width: auto !important; } section#content header div#blueBar nav#next ul li a { display: block; margin-left: 0px !important; border: 1px solid #3972b3; border-right: none; background: #031e3b; font-family: arial, sans-serif; font-size: 12px; padding: 10px 10px 10px 14px !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin-bottom: 0px; width: 188px; } section#content header div#blueBar nav#next ul li:first-child a { border-top: 1px solid #3972b3; } section#content header div#blueBar nav#next ul li a:hover { color: #CDCDCD; } /* @end */ /* @group Links */ section#content header div#blueBar ul.links { padding: 3px 0; background: url(../css/images/blueBorder.png) repeat-x top; font-size: 14px; font-weight: bold; font-family: 'Lucida Sans', sans-serif; margin: 10px 0; } section#content header div#blueBar ul.links li { margin: 5px 0 0 0; padding: 5px 25px 10px 25px; cursor: pointer; text-transform: uppercase; background: url(../css/images/blueBorder.png) repeat-x bottom; } section#content header div#blueBar ul.links li a { color: #fff; background: url(../css/images/sageBlockArrow.png) no-repeat 0 4px; padding: 3px 0 5px 22px; } section#content header div#blueBar ul.links li a:hover { color: #CDCDCD; } /* @end */ /* @end */ /* @group BreadCrumbs */ ol#breadcrumbs { position: absolute; top: 70px; left: 272px; width: 720px; padding-bottom: 30px; line-height: 16px; font-size: 11px; } ol#breadcrumbs li { float: left; margin-right: 8px; padding-left: 14px; background: url(../css/images/greyArrow.png) no-repeat 0px 2px; font-weight: bold; color: #B6B1B2; cursor: auto; } ol#breadcrumbs li a { text-decoration: underline; color: #7C7C7C; cursor: pointer; } ol#breadcrumbs li:first-child { background: none; padding-left: 0; } ol#breadcrumbs li:last-child { color: #B6B1B2; text-decoration: none; cursor: auto; } ol#breadcrumbs li a:hover { color: #3E3E3E; } /* @end */ /* @group NAU Footer */ footer#nauFooter { height: 280px; padding: 40px 0 0 272px; clear: both; position: relative; } footer#nauFooter nav { float: left; margin-right: 10px; } footer#nauFooter h5 { font-weight: normal; font-family: Georgia, "Times New Roman", Serif; font-size: 13px; letter-spacing: 1px; color: #619081; padding: 4px 0px 4px 0px; text-align: right; float: left; text-transform: uppercase; } footer#nauFooter nav#communityFooter { width: 150px; } footer#nauFooter nav#studentFooter { width: 165px; } footer#nauFooter nav#campusFooter { width: 170px; } footer#nauFooter nav#academicFooter { width: 190px; margin-right: 0; } footer#nauFooter a#footerAlert, footer#nauFooter a#footerSocial { display: block !important; float: left; margin: 20px 0px 30px 0; font-weight: bold; text-decoration: underline; width: 250px; } footer#nauFooter a#footerAlert:hover, footer#nauFooter a#footerSocial:hover { opacity: 0.8; filter: alpha(opacity=80); } footer#nauFooter a#footerAlert { clear: both; position: relative; top: 3px; } footer#nauFooter a#footerAlert img, footer#nauFooter a#footerSocial img { margin-right: 5px; position: relative; top: 7px; } footer#nauFooter ul { clear: both; } footer#nauFooter ul li { padding: 2px 0 3px 0; cursor: pointer; font-size: 10px; } footer#nauFooter ul li:first-child { padding-top: 6px; } footer#nauFooter ul li a:hover { color: #7C7C7C; } footer#nauFooter > a:first-child { position: absolute; top: 42px; left: 42px; } footer#nauFooter figure#athletics { text-transform: uppercase; font-size: 11px; font-weight: bold; color: #E4CD51; } footer#nauFooter figure#athletics img { position: absolute; top: 35px; } footer#nauFooter figure#athletics figcaption { padding: 5px 25px; background: url(../css/images/yellowBlockArrow.png) no-repeat 0 2px; position: relative; left: -15px; } footer#nauFooter figure#athletics figcaption:hover { color: #B7A144; } footer#nauFooter span#copyright { clear: both; display: block; padding-top: 10px; font-weight: bold; font-size: 10px; } footer#nauFooter span#copyright span { font-weight: normal; } footer#nauFooter span#copyright a:hover { color: #7C7C7C; } /* @end */ /* @group Visual Divs */ div#footerVisual { position: absolute; bottom: 0; width: 100%; border-top: 1px solid #FFF; height: 300px; background: #efefef; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(242,242,242)), color-stop(1, rgb(211,211,211)) ); background-image: -moz-linear-gradient( center top, rgb(242,242,242) 0%, rgb(211,211,211) 100% ); z-index: -10; } html.no-cssgradients div#footerVisual { background: url(../css/images/noGradientFooter.png) repeat-x; } div#bannerVisual { position: absolute; top: 50px; width: 100%; height: 100px; z-index: -10; overflow: hidden; background: #003466; } body.imageBanner div#bannerVisual { height: 100px; background: #000; } div#bannerVisualInner { display: inline-block; position:relative; float: left; } body.imageBanner div#bannerVisualInner { right: -50%; } div#bannerVisualInner img { position: relative; left:-50%; } div#searchBackground { position: absolute; top: 0; left:-80%; width: 9000px; height: 38px; background: rgba(76,76,76,0.8); z-index: 5; } html.no-rgba div#searchBackground { background: url(../css/images/searchBackground.png) repeat; } /* @end */ /* @group Div#Main */ section#content div#main { float: left; width: 720px; margin-left: 40px; margin-top: 105px; line-height: 18px; min-height: 600px; } section#content div#main .error { border: 1px solid red; padding: 5px; } /* @group Text */ section#content div#main strong, section#content div#main b { font-weight: bold !important; } section#content div#main a { text-decoration: underline; } section#content div#main h1 a, section#content div#main h2 a, section#content div#main h3 a, section#content div#main h4 a, section#content div#main h5 a, section#content div#main h6 a { text-decoration: none !important; } section#content div#main a:hover, section#content aside#sidebar a:hover { opacity: 0.8; filter: alpha(opacity = 80); } section#content div#main em, section#content div#main i { font-style: italic; } section#content div#main p, section#content div#main div { margin-top: 18px; line-height: 20px; } section#content div#main sup, section#content div#main sub { font-size: 9px; position: relative; top: -3px; right: -1px; color: #595251; font-weight: bold; } section#content div#main sub { top: 2px; } /* @end */ /* @group Headings */ section#content div#main h2, section#content div#main > h3:first-child, section#content div#main > h4:first-child, section#content div#main > h5:first-child, div.blogHeader h1 { font-family: Georgia, "Times New Roman", Serif; font-size: 22px; font-weight: bold; color: #695F5E; padding-top: 2px; text-transform: uppercase; line-height: 26px; } section#content div#main h3 { color: #698F83; font-size: 20px; line-height: 22px; margin-top: 30px; text-transform: none; } section#content div#main h4 { font-size: 15px; line-height: 17px; margin-top: 25px; text-transform: none; color: #595251; } section#content div#main h5 { font-size: 13px; line-height: 15px; margin-top: 20px; text-transform: none; color: #695F5E; } /* @end */ /* @group Toggle */ section#content div#main a.toggle { margin-top: 10px; display: block; text-decoration: underline; font-family: Georgia, "Times New Roman", Serif; font-size: 12px; color: #698F83; cursor: pointer; padding-left: 12px; background: url(../css/images/sageArrow.png) no-repeat center left; } section#content div#main a.toggled { background: url(../css/images/sageArrowDown.png) no-repeat center left; } /* @end */ /* @group Lists */ section#content div#main ul { margin: 0px 0 0 30px; list-style: outside disc; } section#content div#main ol { margin: 0px 0 0 30px; list-style: outside decimal; } section#content div#main h3 + ul, section#content div#main h4 + ul, section#content div#main h5 + ul, section#content div#main h3 + ol, section#content div#main h4 + ol, section#content div#main h5 + ol { margin-top: 10px; } section#content div#main ul li, section#content div#main ol li { margin: 8px 0; line-height: 16px; } /* @end */ /* @group Tables */ section#content div#main:not(.directorySearch)not:(.recaptchatable) table { width: 100% !important; } section#content div#main:not(.directorySearch) table caption { border: 1px solid #695F5E; margin-bottom: 5px; padding: 3px 0; font-weight: bold; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; border: none; text-align: left; } section#content div#main:not(.directorySearch)) table, section#content div#main:not(.directorySearch) table tbody, section#content div#main:not(.directorySearch) table tbody tr { border: 1px solid #695F5E; margin: 20px 0; } section#content div#main:not(.directorySearch) table * { border: 1px solid #695F5E; padding: 3px 2px; } section#content div#main:not(.directorySearch) table tr:first-child { font-weight: bold; background: #FFF !important; border-bottom: 2px solid #695F5E; font-size: 12px; margin-top: 0; } section#content div#main:not(.directorySearch) table tr:nth-child(even) { background: #DDD; } section#content div#main:not(.directorySearch) table p { margin: 0 !important; border: none !important; } section#content div#main:not(.directorySearch) table td *:not(input) { border: none !important; } /* @end */ /* @group Forms */ div#main div.form > div:first-child { background: none !important; overflow: visible; /*for IE7*/ } div#main div.form input, div#main div.form label, div#main div.form textarea, div#main div.form select, div#main div.form div#datepicker { display: block; float: left; margin-top: 10px; } div#main div.form input { max-width: 290px; } div#main div.form textarea { height: 100px; width: 290px; } div#main div.form label { clear: both; width: 150px; margin-right: 10px; text-align: right; line-height: 14px; } div#main div.form label.groupLabel { font-weight: bold !important; width: auto; text-align: left; margin-top: 40px; } div#main div.form select { width: 300px !important; position: relative; top: 5px; } div#main div.form ol, div#main div.form ul { margin: 0 !important; border: none !important; width: 430px; text-align: left; padding: 20px 0 20px 20px; list-style: disc; } div#main div.form input.submit { clear: both; margin-left: 160px; } div#main div.form p { float: left; clear: both; width: 100%; } div#main div.form span.design_validation_failed { border: none !important; } /* @end */ /* @group Images */ section#content div#main img.side { float: left !important; margin-right: 20px; margin-bottom: 2px; display: block; margin-top: 22px; } section#content div#main > figure, section#content div#main > div.collapse > figure { width: auto; margin: 10px 0 10px 0; } section#content div#main > figure img, section#content div#main > div.collapse > figure img { display: block; width: auto; margin-left: auto; margin-right: auto; padding: 0px; margin-bottom: 0px; } section#content div#main > figure figcaption, section#content div#main > div.collapse > figure figcaption { display: block; font-family: 'Lucida Sans', sans-serif; font-weight: bold; color: #695F5E; width: 100%; font-size: 10px; line-height: 12px !important; text-align: center; padding-top: 2px; } section#content div#main figure.text figcaption { display: none !important; } .jshide { position: absolute; left: -9999px; top: 0; height: 1px !important; overflow: hidden; } div#main .jshide p { width: 200px !important; } /* @end */ /* @group Callout & Blockquote */ section#content div#main div.callout, section#content div#main blockquote { margin: 40px 0 40px 0; padding: 16px 0; border-top: 1px solid #DDD; font-family: Georgia, serif; font-size: 14px; line-height: 1.7 !important; border-bottom: 1px solid #DDD; font-style: italic; } section#content div#main div.callout > *, section#content div#main blockquote > * { margin-top: 0; padding: 0 10px; } section#content div#main div.callout span, section#content div#main blockquote span { display: block; text-align: right; font-size: 11px; font-family: arial, sans-serif; color: #8C8C8C; margin-top: 10px; font-style: normal; padding: 0; } section#content div#main div.callout hr, section#content div#main blockquote hr { display: none !important; } /* @end */ /* @group Contact */ div#main div.vcard div.org div { font-family: Arial, sans-serif; font-size: 20px; color: #698F83; font-weight: bold; margin-top: 50px !important; } div#main div.vcard div.org div.organization-name { display: none; } div#main div.vcard { font-size: 14px; margin-top: 0 !important; } div#main div.vcard div.adr { font-weight: bold; margin-top: 10px; margin-bottom: 15px; } div#main div.vcard div.tel { margin-top: 0px !important; } div#main div.vcard div.tel span { font-weight: bold; padding-right: 5px; } div#main div.vcard a.email { margin-top: 0px !important; display: block; margin-bottom: 20px; } div#main div.vcard span.post-office-box { display: block; } div#main div.vcard span.building { display: block; font-weight: normal; margin-top: 10px; } div#main div.vcard span.room { font-weight: normal; } /* @end */ /* @group Misc. */ section#content div#main figcaption { display: none; } section#content div#main hr { height: 2px; border: none; background: url(../css/images/greyBorder.png) repeat-x 0 30px; padding: 30px 0 10px 0; clear: both; } section#content div#main address { line-height: 18px; margin: 10px 0; } section#content div#main button { width: auto; margin: 5px 2px; } section#content div#main code { font-family: monospace; background-color: #eee; padding: 15px; display: block; margin-top: 15px; border-radius: 4px; border: 1px solid #e1e1e1; color: #5c5c5c; } section#content div#main dl { margin-top: 5px; } section#content div#main dl dd, section#content div#main dl dt { margin: 3px 0 3px 10px; } section#content div#main dl dd { margin: 3px 0 3px 20px; } section#content div#main select { width: auto; margin: 5px 2px; } /* @end */ /* @end */ /* @group Simple Modal */ /* * SimpleModal Basic Modal Dialog * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2010 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $ */ #simplemodal-overlay { background-color:#000; cursor:wait; } #simplemodal-container { height:570px; width:720px; color:#fff; } .modalTrigger, .simplemodal-close { cursor: pointer; } .modalContent { display: none; } div.modalContent { height:570px; width:720px; margin: 0; padding: 0 !important; position: relative; overflow: hidden; } div.modalContent div.nav { width: 100%; background: rgba(0,0,0,0.7); height: 25px; position: absolute; top: 465px; border-bottom: 1px solid #888; z-index: 0; } html.no-rgba div.modalContent div.nav { background: url(../css/images/modalBackground.png) ; } div.modalContent div.nav a.modalLeft { height: 12px; width: 12px; position: absolute; right: 30px; top: 5px; background: url(../css/images/modalLeft.png) no-repeat 0 0; cursor: pointer; } div.modalContent div.nav a.modalRight { height: 12px; width: 12px; position: absolute; right: 10px; top: 5px; background: url(../css/images/modalRight.png) no-repeat 0 0; cursor: pointer; } div.modalContent div.nav span { text-align: center; width: 720px; display: block; margin-top: 7px; font-size: 13px; font-family: 'Lucida Sans', sans-serif; } div.modalContent a.simplemodal-close { display: block; height: 12px; position: absolute; top: 0; right: 0; font-size: 12px; padding-bottom: 3px; text-align: right; font-family: 'Lucida Sans', sans-serif; } div.modalContent div.nav a.modalRight:hover, div.modalContent nav a.modalLeft:hover, div.modalContent a.simplemodal-close:hover { opacity: 0.7; filter: alpha(opacity=70); } div.modalContent ul { position: absolute; top: 15px; left: 0; width: 2200px; height: 570px; overflow: hidden; } div.modalContent ul li { display: block; height: 570px; width: 720px; float: left; } div.modalContent ul li figure img { max-height: 475px; max-width: 720px; background: rgba(0,0,0,0.5); } html.no-rgba div.modalContent ul li figure img { background: url(../css/images/modalBackground.png) ; } div.modalContent h3 { font-size: 13px; position: absolute; top: 472px; left: 5px; z-index: 999; width: 280px; } div.modalContent ul li figure figcaption { margin-top: 2px; line-height: 14px; } section#mediaRibbon img.playButton { height: 54px !important; width: 54px !important; position: absolute; top: 0; left: 0; padding: 33px 58px; background: none; opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; } section#mediaRibbon img.playButton:hover { opacity: 1; filter: alpha(opacity=100); } div.modalContent iframe { margin-top: 15px !important; } /*show the figcaptions on the accessible galleries*/ section#content div#main > ul.accessGallery { list-style: none; } section#content div#main > ul.accessGallery figure { margin-bottom: 20px; } section#content div#main > ul.accessGallery figure figcaption { display: block !important; } /* @end */ /* @group Media Ribbon */ div#mediaNavigation { width: 770px; height: 1px; float: right; position: relative !important; right: -25px; margin: 40px 0 0 0; } div#mediaNavigation a { position: absolute; top: 60px; width: 50px; height: 50px; z-index: 999; cursor: pointer; } div#mediaNavigation a#prevMedia { background: url(../css/images/homeArrows.png) no-repeat 0 -50px; left: 0; } div#mediaNavigation a#prevMedia:hover { background: url(../css/images/homeArrows.png) no-repeat 0 0; } div#mediaNavigation a#nextMedia { background: url(../css/images/homeArrows.png) no-repeat -50px -50px; right: 0; } div#mediaNavigation a#nextMedia:hover { background: url(../css/images/homeArrows.png) no-repeat -50px 0px; } section#mediaRibbon { width: 719px !important; height: 190px; border: 1px solid #D1D0D1; float: right; background: #f6f6f6; position: relative; overflow: hidden; z-index: 0; } section#mediaRibbon h1 { font-family: Georgia, "Times New Roman", Serif; font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 5px 0px 8px 5px; } section#mediaRibbon ul { width: 9999px; position: absolute; } section#mediaRibbon ul li { display: block; width: 170px; height: 160px; float: left; margin-right: 13px; overflow: hidden; position: relative; } section#mediaRibbon ul li a { position: absolute; left: -9999px; } section#mediaRibbon ul li h2 { text-align: center; margin-top: 128px; padding: 0 5px; } section#mediaRibbon ul li img { position: absolute; top: 0; left: 0; width: 170px; height: 120px; background: #000; } /* @end */ /* @group Feedback Form */ div#feedback { float: left; clear: both; margin-top: 40px !important; border: 1px solid #333; width: 470px; padding: 5px; } div#feedback h2 { font-size: 15px !important; padding-top: 2px !important; margin-bottom: 10px; height: auto !important; line-height: 16px !important; font-family: Arial, sans-serif !important; font-weight: bold !important; text-transform: small-caps; clear: both; } div#feedback label { float: left; clear: both; width: 100px; text-align: right; margin-right: 10px; margin-bottom: 10px; } div#feedback input:not(:last-child), div#feedback textarea { float: left; margin-bottom: 10px; width: 320px; } div#feedback textarea { height: 100px; } div#feedback input:last-child { clear: both !important; margin-left: 110px; margin-bottom: 10px; float: left; } div#feedback span { float: left; position: relative; left: 110px; top: -7px; } div#feedback span[id="ctl00__main__feedback__lblTesting"] { position: static; float: none; } /* @end */ /* @group Environment Flag */ body.qa > form { background: url(../css/images/qa.png) 0 0 no-repeat; } body.dev > form { background: url(../css/images/dev.png) 0 0 no-repeat; } body.work > form { background: url(../css/images/work.png) 0 0 no-repeat; } /* @end */ /* @group Inline Photo Gallery */ div.inlineGallery { height: 175px; width: 240px; border: 1px solid #BBB; float: left; margin-right: 20px; position: relative; } div.inlineGallery div { height: 175px; width: 240px; position: absolute; top: 0; left: 0; margin: 0 !important; overflow: hidden; } div.inlineGallery ul { height: 175px; width: 3601px; position: absolute; top: 0; left: 0; margin: 0 !important; list-style: none !important; } div.inlineGallery ul li { margin: 0 !important; display: block; float: left; } div.inlineGallery a.left, div.inlineGallery a.right { position: absolute; left: -18px; top: 65px; height: 40px; width: 40px; overflow: hidden; display: block; cursor: pointer; } div.inlineGallery a.right { left: 218px; } div.inlineGallery a.right img { position: absolute; right: 0; top: -40px; } div.inlineGallery a.right:hover img { top: 0; } div.inlineGallery a.left img { position: absolute; left: 0; top: -40px; } div.inlineGallery a.left:hover, div.inlineGallery a.right:hover { opacity: 1 !important; filter: alpha(opacity=100) !important; } div.inlineGallery a.left:hover img { top: 0; } /* @end */ /* @group Inline Modal */ div.inlineModal > div { width: 170px; height: 120px; margin: 0 auto; border: 1px solid #333; position: relative; cursor: pointer; overflow: hidden; } div.inlineModal > div > a { position: absolute; left: -9999px; } div.inlineModal a { position: absolute; left: -9999px; } div.inlineModal > div > span { position: absolute; bottom: 0; right: 0; text-align: right; color: #FFF; background: url(../css/images/modalBackground.png) repeat; background: rgba(0,0,0,0.6); display: block !important; padding: 0px 5px !important; font-size: 11px; font-weight: bold; } div.inlineModal.multiple > div { margin: 15px 25px; float: left; display: block; } div.inlineModal.multiple hr { height: 0 !important; background: none !important; border: none !important; padding: 0 !important; } /* @end */ /* @group NAU Alert modal */ div#nauAlertModal { display: none; } div.simplemodal-wrap div#nauAlertModal { background-color: #fffad3; border: 5px solid #970100; padding: 30px 20px 20px 20px; width: 70%; margin:0px auto; position:relative; top:25%; color:#2f2f30; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; font-size: 14px; } div.simplemodal-wrap div#nauAlertModal h2 { font-size: 20px; } div.simplemodal-wrap div#nauAlertModal span { font-size: 11px; } div.simplemodal-wrap div#nauAlertModal p { margin: 20px 0; } div.simplemodal-wrap div#nauAlertModal a.simplemodal-close { display: block; position: absolute; top: 10px; right: 18px; font-size: 12px; text-decoration: underline; } div.simplemodal-wrap div#nauAlertModal a.simplemodal-close:hover { color: #7c7c7c; } /* @end */ /* @group Jplayer Styles */ /*@group overwriting master css*/ section#content div#main .jp-audio{ margin-top:0px; } section#content div#main .jp-audio div{ margin-top:0px; } section#content div#main .jp-audio div ul{ margin:0px; } section#content div#main .jp-audio div ul li{ margin:0px; } /* @end */ div.jp-audio, div.jp-audio-stream, div.jp-video { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */ font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #fff; background-color:#003466; } div.jp-audio { width:252px; padding:3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* future proofing */ -khtml-border-radius: 2px; /* for old Konqueror browsers */ } div.jp-audio-stream { width:101px; padding:20px 20px 10px 20px; } div.jp-interface { position: relative; width:100%; background-color:#003466; /* Required for the full screen */ } div.jp-audio .jp-interface { /*height: 80px; padding-top:30px;*/ } div.jp-audio-stream .jp-interface { height: 50px; padding-top:30px; } /* @group CONTROLS */ div.jp-controls-holder { clear: both; width:440px; margin:0 auto 10px auto; position: relative; overflow:hidden; } div.jp-interface ul.jp-controls { list-style-type:none; padding: 1px 0 0px 1px; overflow:hidden; width:100%; } div.jp-audio ul.jp-controls, div.jp-audio-stream ul.jp-controls { margin:0 0; } div.jp-audio-stream ul.jp-controls { width: 100px; } div.jp-video ul.jp-controls { margin:0 0 0 115px; float:left; display:inline; /* need this to fix IE6 double margin */ } div.jp-interface ul.jp-controls li { display:inline; float: left; } div.jp-interface ul.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; height: 25px; margin: 0 -4px 1px 0; padding: 0; } /* @group single player controls */ div.jp-type-single .jp-controls li a{ width: 25px; } div.jp-type-single .jp-play { background: url("../css/images/jplayer_sprite.png") 0px 0px no-repeat; } div.jp-type-single .jp-play:hover { background: url("../css/images/jplayer_sprite.png") 0px -25px no-repeat; } div.jp-type-single .jp-pause { background: url("../css/images/jplayer_sprite.png") -100px 0px no-repeat; } div.jp-type-single .jp-pause:hover { background: url("../css/images/jplayer_sprite.png") -100px -25px no-repeat; } /* The right border is normally in the ul background image. */ div.jp-audio-stream .jp-play, div.jp-audio-stream .jp-pause { border-right:1px solid #180920; } div.jp-type-single .jp-stop { background: url("../css/images/jplayer_sprite.png") -25px 0px no-repeat; } div.jp-type-single .jp-stop:hover { background: url("../css/images/jplayer_sprite.png") -25px -25px no-repeat; } /* @end */ /* @end */ /* @group progress bar */ /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { } .jp-progress { width: 175px; height: 20px; background-color: #00274d; margin-bottom: 4px; overflow:hidden; position:absolute; top:3px; left:51px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /* future proofing */ -khtml-border-radius: 2px; /* for old Konqueror browsers */ } div.jp-video .jp-progress { border-top:1px solid #180a1f; border-bottom: 1px solid #554560; width:100%; background-image: none; padding: 0; } .jp-seek-bar { width:100%; height: 100%; overflow:hidden; cursor:pointer; } .jp-play-bar { background: url("../css/images/jplayer_sprite.png") 0px -75px repeat-x; width:0px; height: 100%; overflow:hidden; } /* @end */ /* @group volume controls */ div.jp-interface ul.jp-controls a.jp-mute { background: url("../css/images/jplayer_sprite.png") -50px 0px no-repeat; position:relative; left:185px; } div.jp-interface ul.jp-controls a.jp-mute:hover { background: url("../css/images/jplayer_sprite.png") -50px -25px no-repeat; } div.jp-interface ul.jp-controls a.jp-unmute { background: url("../css/images/jplayer_sprite.png") -75px 0px no-repeat; position:relative; left:185px; } div.jp-interface ul.jp-controls a.jp-unmute:hover { background: url("../css/images/jplayer_sprite.png") -75px -25px no-repeat; } .jp-volume-bar { border:1px solid #62716d; position: absolute; top:30px; width: 99%; height: 4px; overflow: hidden; display:none; } .jp-volume-bar:hover { cursor: pointer; } /*div.jp-audio .jp-interface .jp-volume-bar, div.jp-audio-stream .jp-interface .jp-volume-bar { top:10px; left: 0; }*/ div.jp-audio-stream .jp-interface .jp-volume-bar { width: 97px; border-right:1px solid #180920; padding-right:1px; } div.jp-video .jp-volume-bar { top: 0; left: 0; width:95px; border-right:1px solid #180920; padding-right:1px; margin-top: 30px; } .jp-volume-bar-value { background-color:#00284e; height: 4px; } /* @end */ /* @group current time and duration */ .jp-current-time, .jp-duration { position:absolute; width: 25px; height: 5px; font-size:.5em; color: #ccc; padding:3px; display: inline-block; top: -7px; } .jp-current-time { } .jp-duration { left: 145px; } .jp-video .jp-current-time { padding-left:20px; } .jp-video .jp-duration { padding-right:20px; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { padding:5px; font-size:.8em; background-color:#3a2a45; border-top:2px solid #554461; border-left:2px solid #554461; border-right:2px solid #180a1f; border-bottom:2px solid #180a1f; color:#FFF; display:none; } .jp-no-solution a { color:#FFF; } .jp-no-solution span { font-size:1em; display:block; text-align:center; font-weight:bold; } /* @end */ /* @group Bootstrap Alert */ section#content div#main .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } section#content div#main .alert, section#content div#main .alert h4 { color: #c09853; } section#content div#main .alert h4 { margin: 0; line-height: 20px; } section#content div#main .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } section#content div#main .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } section#content div#main .alert-success h4 { color: #468847; } section#content div#main .alert-danger, section#content div#main .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } section#content div#main .alert-danger h4, section#content div#main .alert-error h4 { color: #b94a48; } section#content div#main .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } section#content div#main .alert-info h4 { color: #3a87ad; } section#content div#main .alert-block { padding-top: 14px; padding-bottom: 14px; } section#content div#main .alert-block > p, section#content div#main .alert-block > ul { margin-bottom: 0; } section#content div#main .alert-block p + p { margin-top: 5px; } /* @end Bootstrap Alerts */ /* @end */ /* @group Weather Widget */ section#content aside#sidebar .weather-widget { color: #6a605f; text-align: center; } section#content aside#sidebar .weather-widget .temp { margin-left: -5px; font-size: 60px; line-height: 60px; } section#content aside#sidebar .weather-widget .weather-icon { position: relative; left: 0; } section#content aside#sidebar .weather-widget .weather-desc { padding: 5px; margin: 10px 5px; font-size: 14px; color: #fff; background-color: #6a605f; border-radius: 5px; } section#content aside#sidebar .weather-widget .weather-link { margin: 10px 5px; text-align: left; } section#content aside#sidebar .weather-widget .weather-link a { color: #6a605f; text-decoration: underline; } /* @end Weather Widget */ /* nau_open.css */ /* CSS for the NAU standard open page and associated modules */ /* @group Figure.Side */ section#content div#main > figure.side, section#content div#main > div.collapse > figure.side { width: 350px; padding: 0 20px 0 0; float: left; } section#content div#main > figure.side, section#content div#main > div.collapse > figure.side figcaption { text-align: center; } /* @end */ /* @group PageBanner */ section#content div#pageBanner { margin-left: 40px; float: left; position: relative; top: 120px; width: 720px; height: 365px; margin-bottom: 40px; overflow: hidden; } body.imageBanner section#content div#pageBanner { top: 115px; } section#content div#pageBanner ol { position: absolute; left: -9999px; } section#content div#pageBanner img#loader { position: absolute; top: 170px; left: 340px; display: none; } section#content div#pageBanner ul { display: block; width: 3600px; height: 350px; position: absolute; top: 0; left: 0px; background: #000; } section#content div#pageBanner ul li { display: none; width: 720px; height: 365px; float: left; position: relative; } section#content div#pageBanner ul li figure figcaption { color: #695F5E; font-weight: bold; font-family: 'Lucida Sans', sans-serif; font-size: 12px; padding-top: 1px; display: inline; max-width: 550px; } section#content div#pageBanner ul li figure.text figcaption { display: none !important; } section#content div#pageBanner nav { position: absolute; bottom: 0; right: 0; height: 13px; width: 100px; display: none; } section#content div#pageBanner nav a { display: block; height: 13px; width: 13px; border-radius: 3px; background: #695F5E; float: right; margin-left: 5px; cursor: pointer; } section#content div#pageBanner nav a.active { opacity: 0.6; filter: alpha(opacity=60) !important; } section#content div#pageBanner nav a:not(.active):hover { opacity: 0.8 !important; filter: alpha(opacity=80) !important; } /* @end */ /* @group Modules */ /* @group Two Column */ section#content div#main ul.openMod2 { margin: 20px 0 0 0 !important; overflow: hidden; padding: 0; } section#content div#main ul.openMod2 > li { border: 1px solid #D0D0D0; display: block; float: left; background: #F6F6F6; position: relative; padding: 0 0 5px 0; overflow: hidden; margin: 0 8px 20px 0; width: 350px; } section#content div#main ul.openMod2 > li a { text-decoration: underline; } section#content div#main ul.openMod2 > li a:hover, section#content div#main ul.openMod2 > li a:hover > h3 { opacity: 0.7; filter: alpha(opacity=70); } section#content div#main ul.openMod2 > li > a:first-child { text-decoration: none; } section#content div#main ul.openMod2 > li img { margin: 0 !important; padding: 0 !important; width: 350px; height: 215px; } section#content div#main ul.openMod2 > li h3 { font-size: 16px !important; margin-top: 5px; padding: 0 10px; } section#content div#main ul.openMod2 > li p, section#content div#main ul.openMod2 > li div { padding: 0 10px; font-size: 11px; line-height: 16px; margin-top: 0px; margin-bottom: 8px; } /* @end */ /* @group Three Column */ section#content div#main ul.openMod3 { margin: 20px 0 0 0 !important; overflow: hidden; padding: 0; } section#content div#main ul.openMod3 > li { border: 1px solid #D0D0D0; display: block; float: left; background: #F6F6F6; padding: 0; overflow: hidden; margin: 0 13px 20px 0; width: 225px; padding-bottom: 5px; } section#content div#main ul.openMod3 > li img { height: 150px; width: 225px; margin: 0 !important; padding: 0 !important; } section#content div#main ul.openMod3 > li h3 { padding: 0px 10px; font-size: 16px !important; line-height: 18px; margin-top: 5px; } section#content div#main ul.openMod3 > li a { text-decoration: underline; } section#content div#main ul.openMod3 > li a:hover { opacity: 1; filter: alpha(opacity=100); } section#content div#main ul.openMod3 > li > a:first-child { text-decoration: none !important; } section#content div#main ul.openMod3 > li p { padding: 0 10px; font-size: 11px; line-height: 15px; margin-top: 5px; margin-bottom: 5px; } /* @end */ section#content div#main hr.hrMod { margin: 0 !important; padding: 0 !important; height: 0 !important; background: none !important; border: none !important; color: none !important; width: 0px !important; } /* @end */ /* @group Listing Version 1 */ section#content div#main ul.listingV1 { list-style: none; list-style-type: none; list-style-position: outside !important; margin: 20px 0 0 0 !important; } section#content div#main ul.listingV1 li { width: 165px; float: left; margin-right: 20px; height: 205px; position: relative; padding: 5px 0 0 175px; margin-bottom: 10px; } section#content div#main ul.listingV1 li img { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 165px; } section#content div#main ul.listingV1 li a.fn { text-decoration: none; font-size: 14px; font-weight: bold; color: #619081; font-family: 'Lucida Sans', sans-serif; display: block; margin-bottom: 5px; line-height: 15px; } body section#content div#main ul.listingV1 li span.title { display: block; font-family: Arial, sans-serif !important; color: #695F5E; font-weight: bold; font-size: 13px; margin-bottom: 5px; } section#content div#main ul.listingV1 li span.org { display: block; font-family: 'Lucida Sans', sans-serif; font-size: 12px; margin-bottom: 5px !important; line-height: 16px; } section#content div#main ul.listingV1 li span.organization-name { display: none; } section#content div#main ul.listingV1 li a.email { text-decoration: none; display: block; margin-bottom: 2px; } section#content div#main ul.listingV1 li div.advisor, section#content div#main ul.listingV1 li div.paper { font-size: 13px; font-weight: bold; color: #695F5E; } section#content div#main ul.listingV1 li div.advisor span, section#content div#main ul.listingV1 li div.paper span { font-weight: normal; color: #3E3E3E; font-size: 11px; display: block; padding-left: 10px; line-height: 14px; } /* @end */ /* @group Modular List */ div#main ul.modularList { list-style: none !important; margin-top: 20px !important; margin-left: 15px !important; } div#main ul.modularList > li { width: 100%; clear: both; padding: 20px 0px 25px 0; border-bottom: 1px solid #EEE; margin-top: 0px !important; float: left; } div#main ul.modularList > li a { float: left; } div#main ul.modularList > li.img a { float: none; } div#main ul.modularList > li img { float: left; margin-right: 20px; max-height: 220px; max-width: 220px; } div#main ul.modularList > li > span, div#main ul.modularList > li > a span { font-weight: bold; font-size: 18px; font-family: arial, sans-serif; line-height: 22px; } div#main ul.modularList > li > span:first-child { float: left; width: 100%; } div#main ul.modularList > li.img span { width: 460px !important; display: block; float: left; } div#main ul.modularList > li:not(.img) a { width: 100%; } div#main ul.modularList > li p { float: left; line-height: 16px !important; } div#main ul.modularList > li p:nth-child(3) { width: 240px; margin: 10px 20px 0 0 !important; } div#main ul.modularList > li p:nth-child(2) { width: 460px; margin: 10px 20px 0 0 !important; } div#main ul.modularList > li.link.img p:nth-child(2) { width: 240px; margin: 10px 20px 0 0 !important; } div#main ul.modularList > li.link.img p:last-child { width: 460px; margin: 10px 0 0 0 !important; } div#main ul.modularList > li p:last-child { width: 460px; margin: 10px 0 0 0 !important; } div#main ul.modularList > li p:last-child:nth-child(2) { width: 100%; margin: 10px 0 0 0 !important; } div#main ul.modularList > li ul { list-style: none !important; margin-left: 0 !important; padding: 0px 10px 5px 10px; background: #EEE; margin-top: 10px !important; } div#main ul.modularList > li ul:nth-child(2) { width: 90%; float: left; } div#main ul.modularList > li.link.img ul:nth-child(2) { width: 440px; float: left; } div#main ul.modularList > li ul:nth-child(3) { width: 200px; float: left; } div#main ul.modularList > li.img ul:nth-child(3) { width: 440px; float: left; } div#main ul.modularList > li.link ul:nth-child(3) { width: 180px; float: left; } div#main ul.modularList > li ul:nth-child(4) { width: 180px; float: left; } div#main ul.modularList > li ul li { margin-top: 10px !important; } div#main ul.modularList > li ul li a { float: none; } div#main ul.modularList > li ul li:first-child { margin-top: none; } /* @end */ /*Rigid List*/ section#content div#main ul.rigid-list { list-style: none; margin: 0; } section#content div#main ul.rigid-list > li { clear: both; padding-top: 30px; } section#content div#main ul.rigid-list > li > a { display: block; min-height: 100px; width: 470px; } section#content div#main ul.rigid-list > li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } section#content div#main ul.rigid-list > li a:hover img, section#content div#main ul.rigid-list > li a:hover .title { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } section#content div#main ul.rigid-list li figure img { width: 150px; height: 100px; display: block; float: left; margin-right: 10px; } section#content div#main ul.rigid-list li figure figcaption { display: block; width: 310px; float: left; } section#content div#main ul.rigid-list li figure figcaption .title { display: block; font-weight: bold; color: #698F83; font-size: 18px; text-transform: capitalize; line-height: 1.2; } section#content div#main ul.rigid-list li figure figcaption p { margin-top: 10px; line-height: 16px; } section#content div#main ul.rigid-list.three-column > li > a { float: left; } section#content div#main ul.rigid-list.three-column ul { display: block; float: left; width: 230px; padding: 0 0 0 20px; margin: 0; list-style: none; } section#content div#main ul.rigid-list.three-column ul li { display: block; padding-left: 12px; margin-top: 4px; background: url(../css/images/sageBullet.jpg) no-repeat 0 5px; margin: 3px 0 0 0; } section#content div#main ul.rigid-list.three-column ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } /* @group Phantom Chrome iFrame */ body iframe[src="about:blank"] { display:none; } /* @end */ /* nau_custom_stylings_1.css */ /* Custom Stylings for NAU's one-off pages *//* @group Department Listing */ div#main div#departments { margin-top: 0 !important; } div#main div#departments ul#flowtabs { margin: 0; font-size: 13px; } div.q2147485472 section#content div#main div.departments { margin-top: 0px; } div.q2147485472 section#content div#main > h2 { display: none !important; } div#main div.departments { background: none !important; } div#main div.departments ul.alphabet { list-style: none !important; margin: 0 0 20px 0 !important; font-size: 20px; padding: 5px 0 0 0; z-index: 1000; } div#main div.departments ul.alphabet li { display: inline; color: #B6B1B2; } div#main div.departments ul.alphabet li a { text-decoration: none !important; font-weight: bold; font-family: 'Lucida Sans', sans-serif; color: #3E3E3E; } div#main div.departments ul.alphabet li a.none { color: #B6B1B2; } div#main div.departments ul.alphabet li a.none:hover { color: #B6B1B2 !important; } div#main div.departments h2 { font-family: 'Lucida Sans', sans-serif !important; font-weight: bold !important; background: url(../css/images/greyBorder.png) repeat-x bottom; width: 470px; padding-bottom: 2px; } div#main div.departments h2 a { text-decoration: none !important; color: #618F80 !important; } div#main div.departments h2 a:hover { color: #618F80 !important; } div#main div.departments > a { display: block; width: 470px; text-align: right; position: relative; top: -18px; text-decoration: none !important; color: #B6B1B2; } /* @end */ /* @group Search Landing */ div.q2 div#main label, div.q5 div#main label { width: 470px; margin-bottom: 5px; margin-top: 10px; padding-top: 5px; display: block; font-size: 18px; font-weight: bold; color: #618F80; margin-left: 15px; } div.q5 div#main label { color: #3E3E3E; font-size: 16px; margin-bottom: 0px; } div.q2 div#main input.nauSearchInput, div.q5 div#main input.nauSearchInput { width: 300px; margin-left: 15px; font-size: 13px; } div.q2 div#main input.submit, div.q5 div#main input.submit { font-size: 16px !important; } div.q5 div#main ul { padding-left: 5px; } div.q5 div#main ul li { float: left; width: 150px; font-size: 14px; } div.q5 div#main ul li:nth-child(odd) { clear: both; } div.q5 div#main ul li:last-child { padding-bottom: 30px; } div.q5 div#main h3 { clear: both; } div.q5 div#main p { padding-left: 10px; } /* @group Search Results */ div#container section#content div.search input:first-child { width: 300px; } div#container section#content div.search ol { list-style: none; margin: 20px 0 0 0; } div#container section#content div.search ol li { margin-top: 20px; } div#container section#content div.search h3 { margin-top: 0px !important; } div#container section#content div.search h3 a { color: #3E3E3E; font-size: 18px; font-weight: normal; text-decoration: underline !important; } div#container section#content div.search ol li span:nth-child(2) { color: #618F80; padding: 3px 0; } div#container section#content div.search ol li p { margin-top: 0; line-height: 16px; } div#container section#content div.search > span { display: block; margin-top: 20px; padding-top: 10px; border-top: 1px solid #DDD; } div#container section#content div.search > span.noResults { border: none; font-size: 14px; text-transform: none; } /* @end */ /* @end */ /* @group Apply Now */ div.q2147485591 section#content div#main ul.intMod1 li { width: 600px; } div.q2147485591 section#content div#main ul.intMod1 li ul { width: 300px; padding: 0; margin: 10px 0 0 0; float: left; } div.q2147485591 section#content div#main ul.intMod1 li p { font-style: italic; margin-top: 0px !important; } div.q2147485591 section#content div#main ul.intMod1 li ul li { display: inline; padding: 0; margin: 0; font-size: 14px; font-weight: bold; } div.q2147485591 section#content div#main ul.intMod1 li ul li:first-child { padding-right: 3px; } div.q2147485591 section#content div#main ul.intMod1 li ul li:last-child { padding-left: 10px; } div.q2147485591 section#content div#main h2.segment { background: url(../css/images/greyBorder.png) repeat-x top; } /* @end */ /* @group Forestry Jobs */ div.q2147486319 div#main ul.positions { list-style: none !important; background: url(../css/images/greyBorder.png) repeat-x bottom; height: 40px; margin: 20px 0 0 0 !important; line-height: 13px; } div.q2147486319 div#main ul.positions li { display: block; float: left; font-size: 13px; font-weight: bold; margin: 2px 0 !important; width: 160px; } div.q2147486319 div#main ul.positions li:nth-child(3n+3) { width: 100px; } div.q2147486319 div#main ul.positions li:nth-child(3n+1) { width: 180px; } div.q2147486319 div#main ul.positions li a { text-decoration: none !important; } div.q2147486319 div#main span.sort { display: block; float: left; margin-right: 5px; position: relative; top: 2px; font-weight: bold; } div.q2147486319 div#main ul.sort { margin: 0 !important; list-style: none !important; height: 50px; } div.q2147486319 div#main ul.sort li { float: left; display: block; margin-right: 8px !important; } div.q2147486319 div#main ul.sort li a { text-decoration: none !important; } div.q2147486319 div#main dl dt { display: block; float: left; clear: both; margin: 0 !important; font-weight: bold; padding: 0 0 0 10px; } div.q2147486319 div#main dl dt:first-child { display: none; } div.q2147486319 div#main dl dd { display: block; float: left; margin: 0 !important; padding-left: 10px; } div.q2147486319 div#main dl dd:nth-child(2) { font-size: 14px; font-weight: bold; clear: both; margin: 25px 0 3px 0 !important; padding: 0; color: #685F5E; } div.q2147486319 div#main h3 { clear: both; float: left; } div.q2147486319 div#main > a { clear: both; float: left; margin-top: 20px; } /* @end */ /* @group Psychology Form */ div.q2147487434 div#main div.form label.groupLabel { width: 430px; padding: 10px 0 10px 20px; text-align: left; } /* @end */ /* @group Blog Style */ div.blogEntries div.entry > a { display: none !important; } div.blogSidebar div.blogCalendar { display: none; } /* @end */ /* @group CBAIP Form */ div.q6442455686 label, div.q6442455686 input, div.q6442455686 select { float: none !important; width: auto !important; text-align: left !important; } div.q6442455686 label { margin-top: 15px !important; } div.q6442455686 input, div.q6442455686 select { margin-top: 2px !important; } div.q6442455686 input[type="checkbox"] { float: left !importan; } div.q6442455686 input.submit { margin-left: 0 !important; margin-top: 20px !important; } /* @end */ /* @group IHD Sidebar Form */ aside#sidebar section .IHDform label { display: block; float: right; clear: both; width: 125px; margin-left: 5px; position: relative; top: 2px; } aside#sidebar section .IHDform label[for=fieldName] { width: auto; text-align: left; margin-left: 0; float: none; display: block; clear: both; padding-top: 10px; } aside#sidebar section .IHDform input { display: block; float: right; } aside#sidebar section .IHDform input[type=submit] { float: left; clear: both; margin-top: 10px; } aside#sidebar section .IHDform textarea { width: 135px; height: 60px; float: none; display: block; clear: both; } aside#sidebar section .IHDform label.groupLabel { display: block; font-weight: bold; float: none; text-align: left; width: auto; margin-bottom: 10px; } /* @end */ /* @group Model Release Form */ div#main div.releaseForm { width: 361px; } div#main div.releaseForm p[class=required] { display: block; float: left; clear: both; margin-left: 180px; } div#main div.releaseForm input { display: block; box-sizing: border-box; width: 175px; float: left; } div#main div.releaseForm label { clear: both; min-width: 170px; margin-right: 10px; text-align: right; line-height: 14px; } div#main div.releaseForm h3 { float: left; clear: left; margin: 0 0 0 0; width: 361px; } div#main div.releaseForm label span { color: red; font-size: 18px; } div#main div.releaseForm p span { color: red; font-size: 18px; } div#main div.releaseForm label span[class=condition] { color: #777; font-style: italic; font-size: 12px; } div#main div.releaseForm label[class=grouplabel] { width: 320px; position: relative; left: 180px; text-align: left; line-height: 16px; } div#main div.releaseForm textarea { clear: both; width: 360px; position: relative; left: 180px; margin-top: 3px; margin-bottom: 10px; max-width: 360px; } div#main div.releaseForm p[class=condition] { font-style: italic; font-size: 10px; line-height: 18px; color: #444; padding-top: 10px; width: 370px; position: relative; left: 180px; float: left; } div#main div.releaseForm input[type=submit] { clear: both; width: auto; position: relative; left: 490px; } /* @end */ /*Template Registration*/ div#main div.templateRegistration { margin-top: 0 !important; } div#main div.templateRegistration p { clear: both; margin-top: 0 !important; margin-left: 160px; padding-top: 5px; } /*captcha stuff*/ table#recaptcha_table { display: block; float: left; clear: both; margin-top: 10px !important; } span#captchaStatus span.error { display: block; float: left; clear: both; font-weight: bold; color: red; border: none !important; } /*Marketing Sitewide Search*/ table.marketingSitewide { table-layout: fixed; } table.marketingSitewide .column1 { width: 150px; } table.marketingSitewide .column2 { width: 200px; } table.marketingSitewide .column3 { width: 280px; } table.marketingSitewide .column3 a { display: block; width: 260px; overflow: hidden; } table.marketingSitewide .column4 { width: 80px; } /*forms*/ table.marketingSitewideForm .column1 { font-weight: bold; padding-right: 10px !important; } table.marketingSitewideForm .column3 { overflow: hidden; } table.marketingSitewideForm .column4 { padding-left: 10px !important; } ul.sitemap { list-style: none !important; font-size: 20px; } ul.sitemap ul { list-style: none !important; font-size: 16px; } ul.sitemap ul ul { font-size: 12px !important; } ul.sitemap ul ul span { display: block; padding-left: 4px; } ul.sitemap ul ul a { font-size: 12px; } @media print { /* nau_print.css */ * { color: #333 !important; } body { font-size: 13px; } header#nauHeader div#nauSearch, header#nauHeader nav#nauNav, div#container section#content div#pageBanner, ol#breadcrumbs, div#bannerVisual, div#footerVisual, footer#nauFooter a, footer#nauFooter nav, footer#nauFooter a#footerAlert, footer#nauFooter a#footerSocial, section#mediaRibbon, div#feedback, div#blueBar nav, div#blueBar > a, section#content header h1, div.commentForm { display: none !important; } footer#nauFooter { padding: 20px 0 0 0 !important; height: 50px !important; } footer#nauFooter span#copyright { display: block !important; width: 100% !important; } header#nauHeader { width: 170px !important; height: 240px; float: left !important; display: block; margin: 0 !important; } header#nauHeader > a { display: block; width: 200px !important; margin: 0 !important; } div#main { clear: left !important; float: none !important; margin-top: 0 !important; width: 800px !important; margin-left: 40px !important; } aside#sidebar { margin-top: 20px !important; margin-left: 0px; clear: left; float: none; border-top: 1px solid #AAA; width: 800px !important; margin-left: 40px !important; } aside#sidebar section > * { border: none !important; padding: 0 !important; } aside#sidebar section h1 { margin-top: 24px; margin-bottom: 8px; } div#blueBar { min-height: 150px !important; height: 150px !important; padding-top: 70px !important; width: 760px !important; } div#blueBar div.vcard { color: #333 !important; width: 760px !important; } div#blueBar div.vcard .org { margin-bottom: 6px !important; } div#blueBar div.vcard span.organization-unit { font-weight: bold; font-size: 24pt; width: 760px !important; } div#blueBar div.vcard > a, div#blueBar div.vcard > span { display: inline !important; margin-right: 20px !important; font-size: 16px !important; color: #333 !important; } a.toggle { font-size: 16px !important; color: #333; font-weight: bold; padding-left: 0 !important; background: none; font-family: arial, sans-serif; text-decoration: none !important; margin-top: 20px !important; } div.jshide { position: static !important; } img { page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */ page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */ page-break-inside: avoid; /* or 'auto' */ } iframe { display: none !important; } } /* fac_and_staff */ #main .vcard img.photo { width: 200px; float: left; margin: 0 20px 30px 0; } section#content div#main div.vcard span.title { color: #698f83; font-size: 20px; font-weight: bold; } section#content div#main div.vcard div.organization-unit { margin-top: 0 !important; font-size: 14px; color: #3e3e3e; } #main div.vcard { padding-top: 22px; } #main h3 { clear: both; } #main div.vcard span.organization-name { display: none; } section#content div#main p { clear: both; }